<script>
    if (jQuery.browser.mozilla){
        jQuery('#news #sidebar .aftersidebar').css('margin-top','10px'); 
    }else if (jQuery.browser.safari){
        jQuery('#news #sidebar .aftersidebar').css('margin-top','10px'); 
    }else if (jQuery.browser.msie){
        jQuery('#news #sidebar .aftersidebar').css('margin-top','18px'); 
    }
</script>
<style>
    #news_holder{
        background: url(<?=base_url()?>assets/img/backgrounds/h_repeat.png) repeat scroll 0 0 transparent;    
        width: 775px;
    }

    #news-content{
        width: 640px;
        background: #FFFFFF;
        min-height: 300px;
    }
    #main-news{
        background: #fcf7e3;
        margin-top: 12px;
        width: 418px;
        min-height: 391px;
        position: relative;
    }
     #main-news .image{
        float: left;
    }
    #main-news .decor{
        float: right;
    }
    #main-news .title h2{
        font-size: 21px;
        font-weight: bold;
        padding: 16px 19px 5px;
        line-height: 24px;
    }
    #main-news .text {
        font-size: 11px;
        /*font-weight: bold;*/
        padding: 15px 19px;
        line-height: 16px;
    }
    #side-news{
        width:201px;
        margin: 12px 0 0 12px;
    }
    #side-news .head-title {
        background: #ddb049;
        width: 100%;
        height: 31px;
    }
    #side-news .head-title .bullet{
        background: url(<?=base_url()?>assets/img/site/news/bullet.png) no-repeat scroll 12px 10px transparent;
        color: #FFF;
        font-size: 16px;
        font-weight: bold;
        padding: 6px 0 0 28px;
    }
    #side-news #one-news{
        background: #d2d2d2;
        widows: 100%;
        min-height: 162px;
        margin-top: 5px;
        padding: 10px 5px 0 0;
    }
    #side-news #one-news:hover{
        background: #e4e4e4; 
        cursor: pointer;
    }  
    #side-news #one-news .image{
        float: left;  
        margin-right: 5px;      
    }
    #side-news #one-news h2{
        padding-left: 5px;
        font-size: 12px;
        font-weight: bold;
        line-height: 17px;
    }
    #side-news #one-news .text{
        padding: 7px 13px;
        font-size: 11px;      
    }
    #side-news .spacer{
        background: #FF9900;      
        height: 1px;
        margin: 5px 0;
        width: 100%;
    }
    #side-news .link-news{  
        color: #333333;
    }
    .in-short-news{
        position: absolute; 
        color: #980001; 
        font-size: 33px; 
        font-weight: bold; 
        line-height: 33px;
        margin: 13px 201px;
        background: #FFFFFF;
        padding: 2px 6px;
        text-shadow: #c6c6c6 1px 1px 1px;
    }
    #latest{
        position: absolute;
        top:0;
        left: 0;
    }
</style>
<div id="news_holder">
    <div id="news-content">

        <div class="left">
            <div class="in-short-news">
                Adria d.m.c.<br />
                in short news
            </div>
            <img src="<?=base_url()?>assets/img/site/<?=$page?>/main.jpg" width="418" height="232">
        </div>
        <div class="left" style="margin-left: 12px;">
            <img src="<?=base_url()?>assets/img/site/<?=$page?>/wba-winner.jpg" width="201" height="232">
        </div>
        <p class="claer"></p> 

        <div id="main-news" class="left">
            <div class="decor">
                <img alt="Latest news" src="http://vijesti.logicsolution.rs/assets/img/site_news/latest-decor.gif">   
            </div> 
            <div class="image"> </div>
            <div class="clear"></div>
            <div class="title"> <h2> Loading... </h2> </div>
            <div class="text"> <p> </p> </div> 
        </div>
        <div id="side-news" class="left">
            <div class="head-title">
                <div class="bullet">News Archive:</div>
            </div>
            <div class="link-news" id="link-news-1" href="javascript:void(0)">
                <div id="one-news">
                    <div class="image"> </div> 
                    <div class="title"> <h2> Loading... </h2> </div>
                    <div class="text"> <p> </p> </div>
                </div>
            </div>
            <div class="spacer"></div>
            <div class="link-news" id="link-news-2" href="javascript:void(0)">
                <div id="one-news">
                    <div class="image"> </div> 
                    <div class="title"> <h2> Loading... </h2> </div>
                    <div class="text"> <p> </p> </div>
                </div>
            </div>
        </div>
        <p class="clear"></p> 
    </div>
</div>